* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 10px;
}

.brand-color {
  color: #409eff;
}

.success-color {
  color: #67c23a;
}

.warning-color {
  color: #e6a23c;
}

.danger-color {
  color: #f56c6c;
}

.info-color {
  color: #909399;
}

.white-color {
  color: #ffffff;
}

.margin-bottom12 {
  margin-bottom: 1.2rem;
}

.padding12 {
  padding: 1.2rem;
}

.defalut-boxshaow {
  box-shadow: 0 0.2rem 0.4rem rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
}

.flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.inline-block {
  display: inline-block;
}
